<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/cssofmine.css" rel="stylesheet" />
		<link href="../../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.min.css" rel="stylesheet" />
		<style>
			.xe-widget {
				background: #fff;
				padding: 0 20px;
				line-height: 1;
				display: table;
				width: calc(33.33333333% - 62px);
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 5px;
				-moz-background-clip: padding;
				border: 1px solid #EDEDED;
				float: left;
				margin: 0 10px 20px 10px;
			}

			.dx-visibility {
				width: calc(100%-20px);
				background: #ffffff;
				margin: 0 10px;
				-webkit-border-radius: 5px;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 5px;
				-moz-background-clip: padding;
				border: 1px solid #EDEDED;
				margin-bottom: 20px;
			}

			.sm-12 {
				padding: 0 10px;
				min-height: 102px;
			}

			.mui-content input {
				margin: 0 auto;
				border: 1px white solid;
				height: 30px;
				padding-left: 0;
			}

			table {

				padding: 20px;
				width: 100%;
			}

			th,
			td {
				border-bottom: 1px #ededed solid;
				line-height: 40px;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<!-- 		<a id="status" class="mui-icon mui-icon-plus mui-pull-right"></a> -->
			<!-- href="#" onclick="createFollowUp()" -->
			<h1 class="mui-title">顾问业绩排行</h1>
		</header>


		<div class="mui-content">

			<div class="sm-12">
				<div id="rankingTable" class="dx-visibility">
					<table cellspacing="0" cellpadding="0">
						<caption class="mui-h5">全国业绩排名</caption>
						<thead>
							<tr>
								<td>排名</td>
								<td>姓名</td>
								<td>实际业绩</td>
								<td>校区</td>
							</tr>
						</thead>
						<tbody v-for="todo in todos">
							<tr>
								<td>{{todo.排名}}</td>
								<td>{{todo.顾问名称}}</td>
								<td>{{todo.总业绩}}</td>
								<td>{{todo.所属校区名称}}</td>

							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<script src="../../js/config/mui.min.js"></script>
		<script src="../../js/config/mui.picker.min.js"></script>
		<script src="../../js/config/jquery.min.js"></script>
		<script src="../../js/config/vue.js"></script>
		<script src="../../js/config/form.js"></script>
		<script src="../../js/config/config.js"></script>
		<script src="../../js/rector/salerStatistics.js"></script>
	</body>


</html>
